<template>
  <div class="display mode-title">
    <div class="font-size-18 font-weight-500 display">
      <div class="icon-title"></div>
      <div class="font-color-343434">{{ title }}</div>
    </div>
    <div class="font-size-12 font-color-8C9198 display"
         @click="handleGoMore">
      <div>更多</div>
      <img src="@/assets/icon/sanjiao@3x.png"
           class="title-icon" />
    </div>
  </div>
</template>

<script>
export default {
	props: {
		title: {
			type: String,
			default: '无',
		},
		module_name: {
			type: [String,Number],
			default: '',
		},
	},
	name: 'modeTitle',
	methods: {
		handleGoMore() {
			this.$router.push({ path: '/detailsPage', query: { module_name: this.module_name } });
		},
	},
};
</script>

<style scoped>
.icon-title {
	width: 0.072464rem;
	height: 0.386473rem;
	background-color: #6899f4;
	border-radius: 0.483092rem;
	margin-right: 0.144928rem;
}
.title-icon {
	margin-left: 0.120773rem;
	height: 0.241546rem;
	width: 0.169082rem;
}
.mode-title {
	margin: 0 0.531401rem 0 0.362319rem;
}
</style>
